<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
</head>

<body>
    <header></header>
    <main class="main">
        <div class="main-div">
            <div class="password-button">
                <a href="./button.html">密码登录</a>
            </div>
            <div class="title">
                <h2 class="top-title">手机号登录/注册</h2>
                <p class="p">快速找到好友，一站式记录你的运动</p>
            </div>
            <div class="input">
                <div class="top-input">
                    <input type="tel" placeholder="输入手机号码" class="tel" name="tel">
                    <p class="number">86+
                        <i class="iconfont icon-linecar105"></i>
                    </p>
                </div>

                <p class="mins">
                    <input type="text" class="left-input" placeholder="请输入验证码" name="yzm">
                    <span class="yzm"> <canvas width="100" height="44" id="captcha"></canvas></span>
                </p>
                <input type="password" placeholder="请输入4~6位数密码" class="psd" name="psdss">
                <input type="password" placeholder="请再次确认密码" class="psds" name="psdsss">
                <button class="btn">注册账号</button>

                <div class="wx">
                    <i class="iconfont icon-weixin1"></i>
                    <span>微信注册</span>
                </div>
            </div>
            <div class="footer">
                <p class="last">- HOLD ON -</p>
            </div>
        </div>
    </main>
</body>

</html>